.xmSearch {
    background-color: var(--themeColor);
    .searchHeader {
        background-color: white;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
      .searchBar {
          border-radius: 3px;
          padding: 7px;
          width: 94%;
          background-color: #f7f8fa;
          .searchIcon {
            float: left;
            padding-left: 10px;
        }
  
        input {
            border:none;
            background-color: #f7f8fa;
            float: left;
            padding-left: 10px;
        }
      }
    }
  
    .hotGoods {
        line-height: 50px;
        text-align: center;
        color: #666;
    }
  
    .searchContent {
        height: calc(100vh - 150px);
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 15px;
     
      .searchContentItem {
            &:nth-child(1){
                margin-top: 0;
                .contentItemRight{
                    .ItemRightTop{
                .p2{
                    float: left;
                    overflow : hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                }
                    }
                }
            }
          background-color:#fafafa;
          margin-top: 20px;
          display: flex;
        .contentItemLeft {
            flex: 1;
          img {
            width: 100px;
            display:block;
            border-radius:5px ;
          }
        }
          .contentItemRight{
              padding-left: 10px;
              position: relative;
              flex:3;
            .ItemRightTop {
                p {
                    font-size: 12px;
                    display: flex;
                    justify-content: space-between;
                }
                .p2{
                    padding-top: 8px;
                    overflow: hidden;
                    overflow : hidden;
                }
                
              }
              .ItemRightBottom {
                span {
                    display:inline-block;
                    font-size:16px;
                    color:#101010;
                    display: flex;
                    justify-content: space-between;
                    position: absolute;
                    bottom: 2px;
                }
              }
          }
          
        }
      }
    }
  